src/app/groups/[groupId]/stats/totals-group-spending.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import { formatCurrency } from '@/lib/utils'

type Props = {
  totalGroupSpendings: number
  currency: string
}

export function TotalsGroupSpending({ totalGroupSpendings, currency }: Props) {
  return (
    <div>
      <div className="text-muted-foreground">Total group spendings</div>
      <div className="text-lg">
        {formatCurrency(currency, totalGroupSpendings)}
      </div>
    </div>
  )
}